const app = getApp()
import {getMainPageGoods} from '../../api/api.js'; 
import {getMainSwipper} from '../../api/api.js'; 
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // inputShowed: false,
    // inputVal: "",
    // swipper
    /**
     * 1 这是一个数组
     * 数组里面有三个元素
     * 第一个：轮播图
     * 第二个：中庭广告
     * 第三个：尾部广告
     * **/ 
    swippers:[],
    //swipper 相关设置
    current: 0,
    currentSwiper: 0,
    // indicatorDots: true,
    indicatorColor: "#fff",
    indicatorActiveColor: "#f39800",
    autoplay: true,
    interval: 5000,
    duration: 1000,
    circular: true,

    getGoodsMsg: [], //存放获得的商品数据
    //异形框图片
    specialShaped:[],
    
    suggestGoods:{},
    advert:{}
      
  },


  toGoodsDetail(e){
    //跳转到详情页面
    let id = e.currentTarget.dataset.goodsid;
    console.log(id);
    wx.navigateTo({
      url: '/pages/goodsDetails/goodsDetails?id='+id,
    })
  },



  swiperChange: function(e) {
    console.log(e.detail.current),
    this.setData({
      currentSwiper: e.detail.current
    })
  },


  toDetail(e) { //跳转到详情页
    console.log(e)
    wx.navigateTo({
      url: '../goodsDetails/goodsDetails?detailMsg=' + JSON.stringify(e.currentTarget.dataset.msg.id),
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onShow:function(options) {
    let that = this
    getMainPageGoods().then((res)=>{
       if(res.data.code == 200){
           this.setData({
             getGoodsMsg:res.data.data
           })
           console.log(res.data.data,"mainGoods")
       }
    })
    

    //包括了轮播图在内的三个管高位
    //暂时没有设置，等等再说。
    getMainSwipper().then(res=>{
       console.log(res,"主页广告getMainswipper请求");
       if(res.statusCode ==200){
          if (res.data.code === 200) {
            console.log(res.data.data,"mainSwipper")
            // 结果是一个数组，里面有三个元素，
            // 第一个是轮播图，直接遍历轮播图可以获取到图片地址
            // 第二个第三个是广告图片
            this.setData({
              swippers: res.data.data
            })


            //解析出处理中间的异形框
            this.getSpecialShaped(res.data.data);


            //解析出处理中间的异形框
            this.getAdvert(res.data.data);


          }else{
            wx.showToast({
              title: '服务器错误',
              icon:'none'
            })
          }
       }else{
         wx.showToast({
           title: '网络错误',
           icon:'none'
         })
       }
    })
  },


  //获取异形框对应的队形
  getSpecialShaped(data){
      // 跟根据 id = 3 找出这个异形框对应的对象
      if(data.length<1){
        return;
      }
       let imgs = data.filter(item =>{
            return item.id == 3;
       })
       
      //获取到异形框对象
       imgs = imgs[0];
       console.log(imgs,"主页异形框图片-------");
        //对adPictureList进行排序，然后再放回去
        imgs.adPictureList = imgs.adPictureList.sort((a,b)=>{
           return a.sort - b.sort;
        })

       console.log(imgs,"22222-------");

       this.setData({
          specialShaped:imgs
       })

       


  },

  //获取中庭广告
  getAdvert(data){
       console.log("广告数据",data);
       if(data.length<1){
          return;
       }

       let advert = data.filter(item =>{
            return item.id == 2;
       })
       
      //获取到异形框对象
      //  imgs = imgs[0];
      //  console.log(imgs,"主页异形框图片-------");
      //   //对adPictureList进行排序，然后再放回去
      //   imgs.adPictureList = imgs.adPictureList.sort((a,b)=>{
      //      return a.sort - b.sort;
      //   })

      //  console.log(imgs,"22222-------");
      /**
          adPictureList: []
          classify: 1
          description: "不要删除和更改名字"
          id: 2
          name: "手机中庭长图广告"
       * 
       * **/ 

       this.setData({
          advert:advert
       })
        

  },


  // onload 结束

  //从自己的数组里面获取热品列表
  getSuggestGoods(){
       let goodsMsg = this.data.getGoodsMsg;
       console.log(goodsMsg)
      //暂时先获取数组里面的第一个对象作为推荐产品
      //具体怎么做，以后再说。
       this.setData({
          suggestGoods:goodsMsg[0]
       })

  },



















  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  // onShow: function() {
  //        let loginInfo = wx.getStorageSync('loginInfo');
  //        console.log("%c loginInfo","color:orange; font-size:30px",loginInfo);
  // },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})